<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">-->
<link rel="stylesheet" href="../assets/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../assets/css/common.css" media="all">


  <title>分类列表</title>
</head>
<body>
<div class="page-layout">
  <div class="page-header">
  <ul class="layui-nav nav-left">
    <li class="layui-nav-item layui-this"><a href="###">控制中心</a></li>
    <li class="layui-nav-item"><a href="###">应用中心</a></li>
    <li class="layui-nav-item"><a href="###">数据中心</a></li>
  </ul>
  <ul class="layui-nav nav-right">
    <li class="layui-nav-item">
      <div class="search-input">
        <input class="layui-input" placeholder="输入关键字搜索" type="text">
      </div>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><span class="layui-badge-dot"></span><img src="../assets/images/icon_email.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><img src="../assets/images/icon_help.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" style="margin-right: 10px">
      <a href="5-扫码主页.html">数码管理</a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" lay-unselect="">
      <a href="javascript:;"><img src="http://t.cn/RCzsdCq" class="layui-nav-img"><span class="layui-nav-more"></span></a>
      <dl class="layui-nav-child layui-anim layui-anim-upbit">
        <dd><a href="6-账户信息.html">账户信息</a></dd>
        <dd><a href="6-资质管理.html">资质管理</a></dd>
        <dd><a href="javascript:;">通用设置</a></dd>
        <dd><a href="javascript:;">修改密码</a></dd>
        <dd><a href="javascript:;">退出账号</a></dd>
      </dl>
    </li>
  </ul>
</div>
  <div class="page-side">
    <div class="side-left">
        <a class="logo" href="/">
            <img src="../assets/images/logo.png" alt="">
        </a>
        <ul class="layui-nav layui-nav-tree">
            <li data-navid="nav_item01" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_01.png" alt=""></i>系统概况</a></li>
            <li data-navid="nav_item02" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_02.png" alt=""></i>商品管理</a></li>
            <li data-navid="nav_item03" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_07.png" alt=""></i>数码管理</a></li>
            <li data-navid="nav_item04" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_03.png" alt=""></i>商品秀</a></li>
            <li data-navid="nav_item05" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_04.png" alt=""></i>渠道管控</a></li>
            <li data-navid="nav_item06" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_06.png" alt=""></i>防伪管理</a></li>
            <li data-navid="nav_item07" class="layui-nav-item" style="display: none;"></li>

        </ul>
        <div class="side-left_bottom">
            <a class="" href="javascript:;"><i class="side_icon"><img
              src="../assets/images/side_icon_08.png" alt=""></i>系统设置
            </a>
            <div class="side-left_bottom_nav">
                <ul>
                    <li><a href="#"><span>微管家</span></a></li>
                    <li class="active"><a  href="#"><span>帐号权限</span></a></li>
                    <li><a href="#"><span>操作日志</span></a></li>
                </ul>
            </div>
        </div>

    </div>
    <div class="side-right">
        <div id="nav_item02" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="3-品牌列表.html"><span>品牌列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-分类列表.html"><span>分类列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-规格列表.html"><span>规格列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-商品列表.html"><span>商品列表</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item03" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="5-发码订单.html"><span>发码订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-印刷订单.html"><span>印刷订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-批次管理.html"><span>批次管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码主页.html"><span>扫码主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码明细列表.html"><span>扫码明细</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码黑名单列表.html"><span>扫码黑名单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码设置.html"><span>扫码设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item04" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="4-选择模板.html"><span>商品主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="4-编辑模板页.html"><span>模板设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item05" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>客户管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-客户列表.html"><span>客户列表</span></a></dd>
                        <dd><a href="2.1-客户关系线图.html"><span>关系线图</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>授权管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-授权审核.html"><span>授权审核</span></a></dd>
                        <dd><a href="2-审核设置.html"><span>审核设置</span></a></dd>
                        <dd><a href="2-品牌授权管理.html"><span>品牌授权管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权证书管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权查询</span></a></dd>
                        <dd><a href="javascript:;"><span>授权直达页</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>渠道发货</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2.1-发货管理.html"><span>发货管理</span></a></dd>
                        <dd><a href="2.1-退货记录管理.html"><span>退货管理</span></a></dd>
                        <dd><a href="2.1-仓库管理.html"><span>仓库管理</span></a></dd>
                        <dd><a href="javascript:;"><span>客户库存监控</span></a></dd>
                        <dd><a href="2.1-采集器管理.html"><span>采集器管理</span></a></dd>
                        <dd><a href="2.1-发货设置.html"><span>发货设置</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>物流追踪</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="#"><span>窜货监控</span></a></dd>
                        <dd><a href="2.1-物流追踪.html"><span>物流追踪</span></a></dd>
                        <dd><a href="2.1-预警设置.html"><span>预警设置</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item06" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-回复管理.html"><span>回复管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-防伪编辑模板页.html"><span>模板设置</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>基础设置</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="6-模板消息配置.html"><span>模板消息配置</span></a></dd>
                        <dd><a href="6-查询次数.html"><span>查询次数</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item07" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-账户信息.html">账户信息</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-资质管理.html">资质管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-修改密码.html">修改密码</a>
                </li>
            </ul>
        </div>
    </div>
</div>
  <div class="page-body">
    <div class="page-container">
      <div class="page-title">
        <h2>分类列表</h2>
      </div>
      <div class="alert-msg">
        <p><i class="icon_tips"></i>最多可创建二级分类</p>
        <span class="close_alert"></span>
      </div>

      <!--列表操作区-->
      <div class="list-handle-bar">
        <div class="layui-row">
          <div class="layui-col-xs8">
            <div class="layui-form">
              <div class="layui-form-item">
                <div class="layui-inline">
                  <label class="layui-form-label">筛选</label>
                  <div class="layui-input-inline" style="width: auto;">
                    <button class="layui-btn layui-btn-primary">阿迪达斯</button>
                  </div>
                  <div class="layui-input-inline" style="width: auto;">
                    <button class="layui-btn layui-btn-primary primary_btn">耐克运动</button>
                  </div>
                  <div class="layui-input-inline" style="width: auto;">
                    <button class="layui-btn layui-btn-primary">英菲尼迪</button>
                  </div>
                  <div class="layui-input-inline" style="width: auto;">
                    <button class="layui-btn layui-btn-primary">马克华菲</button>
                  </div>
                </div>
              </div>
              <div class="layui-form-item">
                <div class="layui-form-label">操作</div>
                <div class="layui-input-inline" style="width: auto;">
                  <button onclick="addfl1()" class="layui-btn layui-btn-primary primary_btn"><i class="icon_add"></i>新增分类</button>
                </div>
              </div>
            </div>
          </div>
          <div class="layui-col-xs4 tr" style="padding-top: 40px;">
            <div class="layui-input-inline" style="width: auto;">
              <button id="close_collapse" class="layui-btn layui-btn-primary">全部收起</button>
            </div>
          </div>
        </div>
      </div>
      <div class="page-content-box">
        <div class="guige_list">
          <div class="layui-collapse mb10">
            <div class="layui-colla-item">
              <h2 class="layui-colla-title"><span>明星系列 <span class="fs12 text-default">-商品个数(27)</span></span></h2>
              <div class="colla-right-action">
                <a href="javascript:;" onclick="addfl2()">新增二级分类</a>
                <a href="javascript:;">编辑</a>
                <a href="javascript:;">删除</a>
              </div>
              <div class="layui-colla-content layui-show">
                <ul class="fenlei_list">
                  <li>
                    <div class="fenlei_list_bd"><span>PITERA经典系列<span class="fs12 text-default">-商品个数(27)</span></span></div>
                    <div class="fenlei_list_ft">
                      <a href="javascript:;">编辑</a>
                      <a href="javascript:;">删除</a>
                    </div>
                  </li>
                  <li>
                    <div class="fenlei_list_bd"><span>PITERA经典系列<span class="fs12 text-default">-商品个数(27)</span></span></div>
                    <div class="fenlei_list_ft">
                      <a href="javascript:;">编辑</a>
                      <a href="javascript:;">删除</a>
                    </div>
                  </li>
                  <li>
                    <div class="fenlei_list_bd"><span>PITERA经典系列<span class="fs12 text-default">-商品个数(27)</span></span></div>
                    <div class="fenlei_list_ft">
                      <a href="javascript:;">编辑</a>
                      <a href="javascript:;">删除</a>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="layui-collapse mb10">
            <div class="layui-colla-item">
              <h2 class="layui-colla-title"><span>女王系列 <span class="fs12 text-default">-商品个数(27)</span></span></h2>
              <div class="colla-right-action">
                <a href="javascript:;" onclick="addfl2()">新增二级分类</a>
                <a href="javascript:;">编辑</a>
                <a href="javascript:;">删除</a>
              </div>
              <div class="layui-colla-content layui-show">
                <ul class="fenlei_list">
                  <li>
                    <div class="fenlei_list_bd"><span>PITERA经典系列<span class="fs12 text-default">-商品个数(27)</span></span></div>
                    <div class="fenlei_list_ft">
                      <a href="javascript:;">编辑</a>
                      <a href="javascript:;">删除</a>
                    </div>
                  </li>
                  <li>
                    <div class="fenlei_list_bd"><span>PITERA经典系列<span class="fs12 text-default">-商品个数(27)</span></span></div>
                    <div class="fenlei_list_ft">
                      <a href="javascript:;">编辑</a>
                      <a href="javascript:;">删除</a>
                    </div>
                  </li>
                  <li>
                    <div class="fenlei_list_bd"><span>PITERA经典系列<span class="fs12 text-default">-商品个数(27)</span></span></div>
                    <div class="fenlei_list_ft">
                      <a href="javascript:;">编辑</a>
                      <a href="javascript:;">删除</a>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="layui-collapse mb10">
            <div class="layui-colla-item">
              <h2 class="layui-colla-title"><span>女王系列 <span class="fs12 text-default">-商品个数(27)</span></span></h2>
              <div class="colla-right-action">
                <a href="javascript:;" onclick="addfl2()">新增二级分类</a>
                <a href="javascript:;">编辑</a>
                <a href="javascript:;">删除</a>
              </div>
              <div class="layui-colla-content layui-show">
                <ul class="fenlei_list">
                  <li>
                    <div class="fenlei_list_bd"><span>PITERA经典系列<span class="fs12 text-default">-商品个数(27)</span></span></div>
                    <div class="fenlei_list_ft">
                      <a href="javascript:;">编辑</a>
                      <a href="javascript:;">删除</a>
                    </div>
                  </li>
                  <li>
                    <div class="fenlei_list_bd"><span>PITERA经典系列<span class="fs12 text-default">-商品个数(27)</span></span></div>
                    <div class="fenlei_list_ft">
                      <a href="javascript:;">编辑</a>
                      <a href="javascript:;">删除</a>
                    </div>
                  </li>
                  <li>
                    <div class="fenlei_list_bd"><span>PITERA经典系列<span class="fs12 text-default">-商品个数(27)</span></span></div>
                    <div class="fenlei_list_ft">
                      <a href="javascript:;">编辑</a>
                      <a href="javascript:;">删除</a>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!--新增分类 弹框-->
<div id="addflPopup1" class="zp_popup_container">
  <div class="bg-black popup-form">
    <div class="layui-form">
      <div class="layui-form-item">
        <div class="layui-form-label xin">分类名称</div>
        <div class="layui-input-block">
          <input class="layui-input" type="text" placeholder="输入分类名称">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-form-label">分类图片</div>
        <div class="layui-input-block">
          <div class="layui-upload" style="width: 250px;">
            <div class="layui-upload-list" style="display: none;">
              <div class="upload-img-box"><i class="icon_del"></i><img src="" class="layui-upload-img"></div>
            </div>
            <button type="button" class="addfile_btn"><i></i><span>添加图片</span></button>
          </div>
          <div class="mt5 text-muted">上传要求：<br>
            1、建议上传正方形等比例图片；<br>
            2、上传图标尺寸为200*200px
          </div>
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-form-label">排序显示</div>
        <div class="layui-input-block">
          <input class="layui-input" type="text" placeholder="字数越小排序越靠前">
        </div>
      </div>
    </div>
  </div>
  <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>

<!--新增二级分类 弹框-->
<div id="addflPopup2" class="zp_popup_container">
  <div class="bg-black popup-form">
    <div class="layui-form">
      <div class="layui-form-item">
        <div class="layui-form-label xin">分类名称</div>
        <div class="layui-input-block">
          <input class="layui-input" type="text" placeholder="输入分类名称">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-form-label">排序显示</div>
        <div class="layui-input-block">
          <input class="layui-input" type="text" placeholder="字数越小排序越靠前">
        </div>
      </div>
    </div>
  </div>
  <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>
<script src="../assets/layui/layui.all.js"></script>
<script src="../assets/js/common.js"></script>

<script src="../assets/js/lib/extend/inputTags/inputTags.js"></script>
<script>
  var element = layui.element;
  var form = layui.form;
  var layer = layui.layer;
  var $ = layui.jquery;


  function addfl1() {
    layer.open({
      title: '新增一级分类',
      skin: 'zp-popup',
      type: 1,
      content: $('#addflPopup1')
    });
  }

  function addfl2() {
    layer.open({
      title: '新增二级分类',
      skin: 'zp-popup',
      type: 1,
      content: $('#addflPopup2')
    });
  }

  $("#close_collapse").on('click', function () {
    if($(this).html() == '全部展开'){
      $(this).html('全部收起');
      $(".layui-colla-content").addClass('layui-show')
    } else {
      $(".layui-colla-content").removeClass('layui-show')
      $(this).html('全部展开')
    }
  });
  /*当前导航位置*/
  currNav(2,2,0);
</script>


</body>
</html>